<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>达内大学 | 后台管理系统</title>
    <link rel="stylesheet" type="text/css" href="static/dist/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="static/dist/css/vicons-font.css" />
    <link rel="stylesheet" type="text/css" href="static/dist/css/base.css" />
    <link rel="stylesheet" type="text/css" href="static/dist/css/buttons.css" />
    <link rel="stylesheet" href="static/bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="static/bower_components/Ionicons/css/ionicons.min.css">
    <!-- jvectormap -->
    <link rel="stylesheet" href="static/bower_components/jvectormap/jquery-jvectormap.css">
    <!-- Theme style -->
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="static/dist/css/AdminLTE.css">
    <link rel="stylesheet" href="static/dist/css/skins/_all-skins.min.css">
    <link href="static/dist/css/bootstrap.css" rel="stylesheet">
    <link href="static/dist/css/oa.css" rel="stylesheet">

    <script src="static/dist/js/html5shiv.js"></script>
    <script src="static/dist/js/respond.min.js"></script>
    <link rel="stylesheet" href="/static/bower_components/layer/skin/default/layer.css">
    <link rel="stylesheet" href="static/bower_components/ztree/css/metroStyle/metroStyle.css"/>
    <link rel="stylesheet" href="static/bower_components/treegrid/jquery.treegrid.css"/>
   <!-- <link rel="stylesheet" href="static/bower_components/ztree/css/metroStyle/metroStyle.css"/>-->

    <![endif]-->
    <!--站点图标-->
    <link rel="shoutcut icon" href="static/dist/imgs/bird.ico">
    <style>
        .container{
            overflow: auto;
        }
        #mainContentId .pagination button{
            float: right;
            min-width: unset;width: 80px;
            height: 25px;padding: 0 ;margin: 0;
        }
        #mainContentId .pagination button a{
            color: black;
            text-underline: none;
            font-size: 80%;
        }
        .button{
            min-width: unset;
        }
    </style>
</head>
<body style="overflow-y: scroll">
<div class="all-content-wrapper container" style="margin: 0;background-image: url(static/dist/imgs/wood.jpg);background-size: contain;">
    <!-- Content Header (Page header) -->
    <div class="row" style="height: 17%;margin-top: -2%">
        <div class="visible-xs navbar-fixed-top" style="height: 10%;background-color:#66512c;color: white;font-weight: bolder;font-family:FZShuiZhu-M08S;">
            <h2>达内大学后台管理系统</h2>
        </div>
        <div class="page-header container hidden-xs" style="border-bottom: 2px solid black;display:flex;justify-content:center; align-items:center;">
            <div class="col-lg-6 col-sm-12 col-md-12 hidden-xs" style="">
                <button class="button button--tamaya button--border-thick" data-text="达内大学后台管理系统" style="max-width: unset;float: unset;font-size: 36px;font-weight:bolder;margin: auto"><span>达内大学后台管理系统</span></button>
            </div>
            <div class="col-lg-6 visible-lg">
                <button class="button button--tamaya button--border-thick" data-text="Tarena University Management System" style="max-width: unset;float: unset;margin: auto"><span>Tarena University Management System</span></button>
            </div>
        </div>
    </div>
    <div id="dataWell" style="border: 0px">
        <!-- Main content -->
        <section id="mainContentId" class="content container-fluid" style="margin: 0;max-width: unset;padding-top: 0px">
            <div id="oaWelcome" class="col-md-12" style="margin-top: 10%;">
                <h1 style="font-weight: bolder;text-shadow: black 5px 5px 5px 5px">欢迎访问达内大学后台管理系统</h1>
                <img src="static/dist/imgs/oawelcome.jpg">
            </div>
        </section>
        <!-- /.content -->
    </div>
    <div class="navbar-fixed-bottom row" id="selectWell">
        <button id="openSelectPanel" class="button button--moema button--border-thick button--size-s visible-xs" style="max-width: unset;width: 100%;margin: 0;padding: 0;border: 0;">Click me</button>
        <div id="selectPanel" class="container hidden-sm hidden-md hidden-lg" style="display: none">
            <div class="col-xs-3 selectIcon0" id="panelIcon0">
                <img src="static/dist/imgs/tu_user.jpg" class="img-circle">
                <div class="oaDescribetion">
                    <span>用户管理</span>
                </div>
            </div>
            <div class="col-xs-3 selectIcon1" id="panelIcon1">
                <img src="static/dist/imgs/tu_location.jpg" class="img-circle">
                <div  class="oaDescribetion">
                    <span>中心管理</span>
                </div>
            </div>
            <div class="col-xs-3 selectIcon2" id="panelIcon2">
                <img src="static/dist/imgs/tu_role.jpg" class="img-circle">
                <div  class="oaDescribetion">
                    <span>权限管理</span>
                </div>
            </div>
            <div class="col-xs-3 selectIcon3" id="panelIcon3">
                <img src="static/dist/imgs/tu_menu.jpg" class="img-circle">
                <div  class="oaDescribetion ">
                    <span>菜单管理</span>
                </div>
            </div>
            <div class="col-xs-3 selectIcon4" id="panelIcon4">
                <img src="static/dist/imgs/tu_class.jpg" class="img-circle">
                <div  class="oaDescribetion ">
                    <span>班级管理</span>
                </div>
            </div>
            <div class="col-xs-3 selectIcon5" id="panelIcon5">
                <img src="static/dist/imgs/tu_log.jpg" class="img-circle">
                <div  class="oaDescribetion">
                    <span>日志管理</span>
                </div>
            </div>
            <!--<div class="col-xs-3 selectIcon6" id="panelIcon6">-->
                <!--<img src="static/dist/imgs/tu_community.jpg" class="img-circle">-->
                <!--<div  class="oaDescribetion">-->
                    <!--<span>社区管理</span>-->
                <!--</div>-->
            <!--</div>-->

        </div>
        <div class=" hidden-xs container-fluid" style="display:flex;justify-content:center; align-items:center;">
            <div class="oaButton show col-lg-1 col-md-1 col-sm-3" id="icon-left">
                <button class="button button--sacnite button--round-l">
                    <i class="glyphicon glyphicon-chevron-left" aria-hidden="true" style="font-size: larger;"></i>
                </button>
            </div>
                <div class="oaButton col-lg-2 col-md-2 col-sm-2 selectIcon0" id="icon0">
                    <img src="static/dist/imgs/tu_user.jpg" class="img-circle ">
                    <div class="oaDescribetion">
                        <span>用户管理</span>
                    </div>
                </div>
                <div class="oaButton col-lg-2 col-md-2 col-sm-2 selectIcon1" id="icon1">
                    <img src="static/dist/imgs/tu_location.jpg" class="img-circle">
                    <div  class="oaDescribetion">
                        <span>中心管理</span>
                    </div>
                </div>
                <div class="oaButton col-lg-2 col-md-2 col-sm-2 selectIcon2" id="icon2">
                    <img src="static/dist/imgs/tu_role.jpg" class="img-circle">
                    <div  class="oaDescribetion">
                        <span>权限管理</span>
                    </div>
                </div>
                <div class="oaButton col-lg-2 col-md-2 col-sm-2 selectIcon3" id="icon3">
                    <img src="static/dist/imgs/tu_menu.jpg" class="img-circle">
                    <div  class="oaDescribetion ">
                        <span>菜单管理</span>
                    </div>
                </div>
            <div class="oaButton col-lg-2 col-md-2 col-sm-2 selectIcon4" id="icon4">
                <img src="static/dist/imgs/tu_class.jpg" class="img-circle">
                <div  class="oaDescribetion ">
                    <span>班级管理</span>
                </div>
            </div>
                <div class="oaButton col-lg-2 col-md-2 col-sm-2 selectIcon5" id="icon5">
                    <img src="static/dist/imgs/tu_log.jpg" class="img-circle">
                    <div  class="oaDescribetion">
                        <span>日志管理</span>
                    </div>
                </div>
                <!--<div class="oaButton col-lg-2 col-md-2 col-sm-2 selectIcon6" id="icon6">-->
                    <!--<img src="static/dist/imgs/tu_community.jpg" class="img-circle">-->
                    <!--<div  class="oaDescribetion">-->
                        <!--<span>社区管理</span>-->
                    <!--</div>-->
                <!--</div>-->

            <div class="oaButton show col-lg-1 col-md-1 col-sm-3" id="icon-right" style="">
                <button class="button button--sacnite button--round-l">
                    <i class="glyphicon glyphicon-chevron-right" aria-hidden="true" style="font-size: larger;"></i>
                </button>
            </div>
        </div>
    </div>

</div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="static/dist/js/jquery.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="static/dist/js/bootstrap.js"></script>
<script src="static/dist/js/adminlte.min.js"></script>
<script src="static/dist/js/oa.js"></script>
</body>
</html>